<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <table>
            <!--
                可以将一个表格分成三个部分:
                    头部 thead
                    主体 tbody
                    底部 tfoot


                    th表示头部的单元格

            -->
            <!--     thead无论写在哪里,在页面上都是显示在最上面       -->
            <thead>
                <tr>
                    <!--        th就表示表头的单元格          -->
                    <th>日期</th>
                    <th>收入</th>
                    <th>支出</th>
                    <th>合计</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>2022.01.25</td>
                    <td>10000</td>
                    <td>8500</td>
                    <td>1500</td>
                </tr>
                <tr>
                    <td>2022.01.25</td>
                    <td>10000</td>
                    <td>8500</td>
                    <td>1500</td>
                </tr>
                <tr>
                    <td>2022.01.25</td>
                    <td>10000</td>
                    <td>8500</td>
                    <td>1500</td>
                </tr>
                <tr>
                    <td>2022.01.25</td>
                    <td>10000</td>
                    <td>8500</td>
                    <td>1500</td>
                </tr>
                <tr>
                    <td>2022.01.25</td>
                    <td>10000</td>
                    <td>8500</td>
                    <td>1500</td>
                </tr>
            </tbody>
            <!--      tfoot无论写在哪里,都是在页面上显示在最下面      -->
            <tfoot>
                <tr>
                    <td></td>
                    <td></td>
                    <td>合计</td>
                    <td>100000</td>
                </tr>
            </tfoot>
        </table>
    </body>
</html>